*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased} a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:""} table{border-collapse:collapse;border-spacing:0} body{color:#2c2b2b;background:#fff;font:14px/1.5 SourceHanSansCN-Normal,sans-serif;outline:0} a{color:#2c2b2b;text-decoration:none} a:hover{color:inherit} img{max-width:100%;border:none} em,i{font-style:normal} table{border-collapse:collapse;border-spacing:0} input,select,textarea{font-size:14px;color:#2c2b2b;font-family:SourceHanSansCN-Normal,sans-serif;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} button,input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none} button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer} ::-webkit-input-placeholder{color:#9b9e9e} ::-moz-placeholder{color:#9b9e9e} ::-ms-clear,::-ms-reveal{display:none} .fix{*zoom:1} .fix:after,.fix:before{display:block;content:"";height:0;clear:both} .c{clear:both} .col-l,.l{float:left} .col-r,.r{float:right} .ani{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s} .unselect{-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none} .wp{width:96%;max-width:1140px;margin:0 auto} .wp1524{width:96%;max-width:1524px;margin:0 auto} .wp1500{width:96%;max-width:1500px;margin:0 auto} .h50{height:50px;clear:both;overflow:hidden} .h100{height:100px;clear:both;overflow:hidden} .dn{ display: none; } @font-face{font-family:SourceHanSansCN-Normal;src:url(../fonts/SourceHanSansCN-Normal.otf)} @font-face{font-family:SourceHanSansCN-Medium;src:url(../fonts/SourceHanSansCN-Medium.otf)} @font-face{font-family:SourceHanSansCN-Bold;src:url(../fonts/SourceHanSansCN-Bold.otf)} @font-face{font-family:SourceHanSansCN-Heavy;src:url(../fonts/SourceHanSansCN-Heavy.otf)} .g-tit1{ font-family: SourceHanSansCN-Bold; font-size:42px;text-align:center;color:#35559e;margin-bottom:92px;letter-spacing:3.5px} .g-tit1 span{margin-left:20px} .g-tit2{font-size:48px;color:#35559e} .g-tit2 span{font-family:SourceHanSansCN-Normal;font-size:36px;margin-left:18px} .g-tit3{text-align:center;color:#35559e} .g-tit3 .cn{font-size:48px;letter-spacing:2px;font-family: SourceHanSansCN-Bold;margin-bottom: 22px;} .g-tit3 .en{font-size:24px;letter-spacing:2px;text-transform:uppercase} .g-tit3 .intro{font-size:22px;color:#323131;text-align:center;margin-top:38px} .g-tit4{color:#35559e;line-height:1.3;margin-bottom:45px} .g-tit4 .cn{font-size:48px;letter-spacing:2px} .g-tit4 .en{font-size:36px;letter-spacing:2px} .main2{background:#f3f3f3} .main3{background:#fefefe} .bodyIndex .header{position:absolute;top:0;left:0;right:0;z-index:100} /* .bodyIndex .header .logo .img2{display:none} .bodyIndex .header .logo .img1{display:block} .bodyIndex .header .nav li>a{color:#fff} */ .header{height:179px;display:flex;justify-content:space-between;padding:31px 23px 0 50px} .bodyDetail .header{position:relative;z-index:100;box-shadow:0 0 30px rgba(0,0,0,.15)} .logo .img1{display:none} .nav{display:flex;padding: 12px 0 0;} .nav li{position:relative;padding:0 28px} .nav li>a{font-family:SourceHanSansCN-Normal;display:block;font-size:24px;line-height:3.2;color:#000000;letter-spacing:1px} .nav li.ok>a,.nav li.on>a,.nav li>a:hover{color:#00BAF2!important} .nav .con{display:none;position:absolute;top:56px;left:28px;width:188px;padding: 18px 0 0; background:url(../images/nav-mask1.png) no-repeat center;z-index:2} .nav .con1{height:158px} .nav .con3{height:121px;background-image:url(../images/nav-mask2.png)} .nav .con2{height:349px;background-image:url(../images/nav-mask3.png)} .nav .con a{font-family:SourceHanSansCN-Normal;display:block;font-size:16px;line-height:36px;color:#fff;padding:0 30px} .nav .con a:hover{color:#8ed7f1} .footer{margin-top:100px;background:url(../images/footer-bg.jpg) no-repeat center/cover;position: relative;z-index: 3;} .bodyIndex .footer{ margin-top: 0; } .fd-top{display:flex;justify-content:space-between;padding:56px 122px 40px 186px} .fd-nv{display:flex} .fd-nv li{margin-right:66px} .fd-nv .tit{display:block;margin-bottom:10px;letter-spacing:2px;font-family:SourceHanSansCN-Normal;font-size:18px;color:#fff} .fd-nv .con{display:flex;flex-direction:column;flex-wrap:wrap;height:96px} .fd-nv li:nth-child(2){margin-right:40px} .fd-nv li:nth-child(2) .con{width:390px;height: 90px;} .fd-nv .con a{font-family:SourceHanSansCN-Normal;display:block;font-size:16px;line-height:2;color:#8690a1} .fd-nv .con a:hover{color:#fff} .fd-logo-tel{position:relative;display:flex;align-items:center;margin-bottom:80px} .fd-logo-tel:before{content:'';position:absolute;top:0;left:180px;width:2px;height:68px;background:url(../images/line1.png) no-repeat center} .fd-logo{width:151px;margin-right:61px} .fd-logo img{display:block;width:100%} .fd-tel{margin-top:-20px} .fd-tel .tit{font-family:SourceHanSansCN-Medium;font-size:30px;color:#fff;text-align:center} .fd-tel .btn-tel{display:block;font-family:SourceHanSansCN-Normal;width:137px;height:33px;line-height:31px;padding-left:53px;color:#fff;background:url(../images/icon-tel.png) no-repeat 27px center;border:1px solid rgba(255,255,255,.2);opacity:.6;margin:0 auto;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .fd-tel .btn-tel:hover{opacity:1;border-color:#fff} .fd-share{display:flex;justify-content:flex-end} .fd-share a{width:53px;height:53px;background-repeat:no-repeat;background-position:center;margin-left:18px;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .fd-share a.a1{background-image:url(../images/weixin.png)} .fd-share a.a2{background-image:url(../images/sina.png)} .fd-share a.a3{background-image:url(../images/QQ.png)} .fd-share a:hover{opacity:.8} .copyright{font-family:SourceHanSansCN-Normal;font-size:16px;text-align:center;color:#ffffff;opacity:.4;padding:24px 0;background:#063469} .banner{position:relative;height:100vh;overflow:hidden} .banner .swiper-slide{position:relative;height:100%;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover} .banner video{ object-fit: cover; } .banner .swiper-dots{position:absolute;bottom:30px;left:0;right:0;z-index:2;text-align:center} .banner .swiper-dots .swiper-pagination-bullet{width:16px;height:16px;background:#fff;opacity:.7;margin:0 10px} .banner .swiper-dots .swiper-pagination-bullet-active{opacity:1} .banner-word{position:absolute;color:#fff;padding:300px 0 0 22%;z-index:2} .banner-word .s1{font-size:46px} .banner-word .s2{font-family:SourceHanSansCN-Normal;font-size:16px;letter-spacing:1.3px;padding-left:151px} .banner-news{position:absolute;bottom: 142px;;right: 24px;;z-index:10} .banner-news li{margin-top:30px;position: relative; border-radius: 6px; overflow: hidden; } .banner-news .tit i{ position: absolute; top: 10px; right: 10px; width:31px;height:31px;background-repeat:no-repeat;background-position:center;cursor:pointer; z-index: 2; } .banner-news .tit i.i-close{background-image:url(../images/icon-close.png)} .banner-news .pic{width:336px;height:194px;overflow:hidden} .banner-news .pic img{display:block;width:100%;height:100%;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s;object-fit:cover} .banner-news p{ position: absolute; bottom: 0; left: 0; right: 0; font-size:16px; line-height: 30px; padding: 0 37px 0 17px; letter-spacing: 1px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background: rgba(0, 0, 0, 0.6); color: #fff; } .banner-news .con:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .index-row1{padding:110px 0} .index-row1 .g-tit1{margin-bottom:60px} .swiper-business{position:relative;overflow:hidden;} .swiper-business .swiper-slide{position:relative;height:693px;text-align:center;padding:232px 0 0;overflow:hidden;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s } .swiper-business .swiper-slide:before{content:'';position:absolute;bottom:42px;left:0;right:0;height:309px;background:url(../images/z-mask1.png) no-repeat center/cover; } .swiper-business .swiper-slide:nth-child(even):before{background-image:url(../images/z-mask2.png)} .swiper-business .swiper-slide:after{content:'';position:absolute;top:0;bottom:0;left:-1px;right:-1px;background:url(../images/z-mask3.png) no-repeat center/cover;z-index:2; /* -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; */ } .swiper-business .swiper-slide:hover{ background-size: 110% 110%; } .swiper-business .s1{position:relative;z-index:3;font-size:40px;color:#fff;margin-bottom:72px} .swiper-business .s2{position:relative;z-index:3;font-family:SourceHanSansCN-Normal;font-size:20px;line-height:36px;color:#fff;margin: 0 auto;width: 200px;} .swiper-business .btn-more{position:absolute;bottom:60px;left:50%;margin-left:-70px;z-index:3;font-size:14px;color:#fff;width:140px;height:40px;line-height:40px;border:1px solid rgba(255,255,255,.5);text-align:center; } .swiper-business .swiper-slide:hover::before{ opacity: 0; } .swiper-business .swiper-slide:hover:after{ background: rgba(64, 180, 229, 0.8); } .swiper-business .swiper-slide:hover .btn-more{border-color:#35559e;background:#35559e} .swiper-business .swiper-arrow{position:absolute;top:50%;margin-top:-36px;width:38px;height:73px;background-repeat:no-repeat;background-position:center;z-index:2;cursor:pointer} .swiper-business .swiper-arrow.swiper-prev{left:28px;background-image:url(../images/prev.png)} .swiper-business .swiper-arrow.swiper-next{right:28px;background-image:url(../images/next.png)} .design-performance{overflow:hidden;margin: 0 -8px 85px;} .design-performance li{float:left;width:33.33%} .design-performance li .inner{ margin: 0 8px 15px; background: #71CFEB; } .design-performance .pic{position:relative;padding-top:71.22%;overflow:hidden} .design-performance .pic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .design-performance .txt{height:244px;padding:38px 75px 0 75px;overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .design-performance .txt .s1{font-size:32px;line-height: 48px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: 96px; margin-bottom:15px} .design-performance .txt .s2{font-size:16px;line-height:2;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 64px;} .design-performance .inner:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .design-performance .inner:hover .txt{background:#35559e;color:#fff} .index-row2{position:relative;overflow: hidden;padding-bottom: 100px;} .index-row2 .btn-add{ display: none !important; position:absolute;right:179px;bottom:115px;width:122px;height:122px;z-index:2;background:url(../images/icon-add.png) no-repeat center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .index-row2 .btn-add:hover{background-image:url(../images/icon-add-on.png)} .btn-more{ position:absolute; bottom:60px; left:40%; display: block; margin: 0 auto; font-size: 24px; color:#35559E; width: 361px; height: 57px; line-height: 55px; border: 1px solid #35559E; text-align: center; -webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s; } .btn-more:hover{ background-color: #35559E; color: #fff; } .index-row3{display: none; padding:90px 0 266px} .index-row3 .g-tit1{margin-bottom:75px} .competence-list{display:flex;justify-content:center} .competence-list li{width:240px;height:240px;color:#fff;border-radius:50%;text-align:center;padding:46px 0 0;margin:0 38px} .competence-list .li1{background-color:#002855} .competence-list .li2{background-color:#B1C83D} .competence-list .li3{background-color:#40B4E5} .competence-list .li4{background-color:#B1D1AC} .competence-list .li5{background-color:#7BA3DC} .competence-list .s1{font-family:SourceHanSansCN-Medium;font-size:64px;line-height:76px;margin-bottom: 5px;} .competence-list .s2{font-family:SourceHanSansCN-Normal;font-size:16px;line-height:24px;text-align:center;padding:0 50px} .competence-list .s2 + .s2{ margin-top: 12px; } .index-row4{overflow:hidden; padding: 70px 0 60px; background: #E6E6E6;} .index-row4 li{float:left;width:50%} .index-row4 .video-box{position:relative;overflow: hidden;} .index-row4 .video-box .btn-play{position:absolute;top:50%;left:50%;margin:-36px 0 0 -36px;width:72px;height:72px;background:url(../images/icon-play.png) no-repeat center;z-index:2} .index-row4 .video-box video{display:block;width:100%;height:532px;object-fit:cover;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;} .index-row4 .swiper-slide:hover .video-box video{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1) } .index-row4 .txt{ display: block; text-align:center;padding:70px 110px 72px; height: 326px; background-color: #fff; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .index-row4 .txt .s1{font-size:24px;color:#40b4e5;margin-bottom:16px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .index-row4 .txt .s2{font-family:SourceHanSansCN-Normal;font-size:16px;line-height:2} .index-row4 .swiper-slide:hover .txt{background:#40b4e5;color:#fff} .index-row4 .swiper-slide:hover .txt .s1{color:#fff;font-family: SourceHanSansCN-Medium;} .index-row4 .swiper-dots{position:static;z-index:2;text-align:center;padding: 60px 0 0;} .index-row4 .swiper-dots .swiper-pagination-bullet{width:16px;height:16px;background:#ddd;margin:0 10px;opacity: 1;} .index-row4 .swiper-dots .swiper-pagination-bullet-active{background: #40B4E5;} .ban{position:relative;height:703px;padding:265px 0 0;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover} .ban-word{padding-left:225px;color:#595959} .ban-word .s1{font-size:42px;margin-bottom:2px} .ban-word .s2{font-family:SourceHanSansCN-Normal;font-size:16px} .ban2{padding-top:150px;height: 820px;} .ban2 .ban-word{color:#fff} .ban2 .ban-word .s1{font-size:56px} .ban2 .ban-word .s2{font-size:22px} .ban2 .ban-word .s3{font-family:SourceHanSansCN-Normal;font-size:28px;line-height:58px;margin-top:26px} .ban-img{position:absolute;right:200px;bottom:-150px;width:434px;height:583px;overflow:hidden} .ban-img img{display:block;width:100%;height:100%;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .ban-img:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .ban7{position:relative;height:382px;padding-top: 120px;} .ban7 .wp1524{display:flex;justify-content:center;flex-direction:column;color:#35559E} .ban7 .cn{font-size:0px;font-family:SourceHanSansCN-bold;line-height: 1;} .ban7 .en{font-size:0px} .about1-row1{padding-top:102px} .about1-row1-box{background:#f3f3f3;padding:100px 142px 100px;margin-bottom:-100px} .about1-row1-box .tit{font-size:40px;margin-bottom:30px} .about1-row1-box .con{font-family:SourceHanSansCN-Normal;font-size:18px;line-height:30px;overflow:hidden} .about1-row1-box .con img{display:block} .about1-row1-box .con-l{float:left;width:818px} .about1-row1-box .con-r{float:right;width:720px;padding:15px 0 0} .about2-row1{padding:102px 0 0} .culture-list li{display:flex} .culture-list li:nth-child(even){flex-direction:row-reverse} .culture-list .pic-box{width:50%} .culture-list .pic-box .pic{position:relative;padding-top:45.65%;overflow:hidden} .culture-list .pic img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .culture-list .pic-box .pic:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .culture-list .txt{display:flex;flex-direction:column;width:50%;justify-content:center;align-items:center;padding:0 30px} .culture-list .li1 .txt{background-color:#c0d050} .culture-list .li2 .txt{background-color:#71cfeb} .culture-list .li3 .txt{background-color:#7ba3dc} .culture-list .txt .s1{font-size:48px;margin-bottom:56px} .culture-list .txt .s2{font-size:30px} .about3-row{padding:102px 0 0} .about3-row-box{padding:70px 0 100px;background:#f3f3f3;margin-bottom:-100px} .about3-row-box .intro{font-family:SourceHanSansCN-Normal;font-size:18px;line-height:2;margin-bottom:72px} .swiper-honor-big{position:relative;margin-bottom:30px} .swiper-honor-big .box,.swiper-honor-small .box{overflow:hidden} .swiper-honor-big .swiper-arrow{position:absolute;top:251px;width:68px;height:130px;background-repeat:no-repeat;background-position:center;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s;z-index:2;cursor:pointer} .swiper-honor-big .swiper-prev{left:-130px;background-image:url(../images/prev2.png)} .swiper-honor-big .swiper-next{right:-130px;background-image:url(../images/next2.png)} .swiper-honor-big .swiper-prev:hover{background-image:url(../images/prev2-on.png)} .swiper-honor-big .swiper-next:hover{background-image:url(../images/next2-on.png)} .swiper-honor-big .pic-box{border:10px solid #e8e8e8;margin-bottom:32px} .swiper-honor-big .pic{position:relative;padding-top:53.48%;border:16px solid #fff;overflow:hidden;cursor:pointer} .swiper-honor-big .pic img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .swiper-honor-big p{font-size:24px;text-align:center;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .swiper-honor-big .swiper-slide:hover .pic-box .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .swiper-honor-big .swiper-slide:hover p{color:#35559e} .swiper-honor-small{padding:0 150px} .swiper-honor-small .pic-box{border:1px solid #cecece;padding:14px;background:#fff;cursor:pointer} .swiper-honor-small .pic-box .pic{position:relative;padding-top:65.22%;overflow:hidden} .swiper-honor-small .pic-box .pic img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .swiper-honor-small p{text-align:center;font-size:18px;margin-top:15px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .swiper-honor-small .swiper-slide:hover .pic-box .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .swiper-honor-small .swiper-slide:hover p{color:#35559e} .swiper-honor-small .swiper-num{text-align:right;font-size:22px;margin-bottom:15px} .contact-row-box1{display:flex;background:#00BAF2;margin-bottom:21px} .contact-row-box1 .txt-box{width:50%;display:flex;flex-direction:column;justify-content:center;color:#fff;padding-left:118px} .contact-row-box1 .txt-box .title{font-family:SourceHanSansCN-Medium;font-size:30px} .contact-row-box1 .txt-box .title:after{content:'';display:block;margin:20px 0 10px;width:48px;height:2px;background:#fff} .contact-row-box1 .txt-box .desc{font-family:SourceHanSansCN-Normal;font-size:18px;line-height:48px;color:#fff} .contact-row-box1 .pic-box{width:50%} .contact-row-box1 .pic-box .pic{position:relative;padding-top:62%} .contact-row-box1 .pic-box .pic img{position:absolute;width:100%;height:100%;top:0;left:0} .contact-row-box2{display:flex;background:#fff;border:1px solid #d3d3d4} .contact-row-box2 .map-box{width:50%;height:474px} .contact-row-box2 .map-box img{max-width:none} .form-contact{width:50%;padding:64px 90px 0} .anchorBL{display:none} .form-contact .inp-con{position:relative;margin-bottom:15px} .form-contact .inp-con:after{content:'';position:absolute;top:50%;margin-top:-13px;left:143px;width:1px;height:26px;background:#aeafb0} .form-contact .inp-con input{font-family:SourceHanSansCN-Normal;display:block;font-size:18px;width:100%;height:55px;padding:0 114px 0 163px;background-color:#f3f3f3;background-position:35px center;background-repeat:no-repeat;border:0} .form-contact .inp-con .inp1{background-image:url(../images/icon-name.png)} .form-contact .inp-con .inp2{background-image:url(../images/icon-phone.png)} .form-contact .inp-con .inp3{background-image:url(../images/icon-email.png)} .form-contact .inp-con .inp4{background-image:url(../images/icon-write.png)} .form-contact .inp-con .tit{ position: absolute; top: 0; left: 88px; font-size: 18px; line-height: 55px; color:#9B9E9E; } .form-contact .submit{display:block;font-size:18px;color:#fff;width:180px;height:56px;background:#40b4e5;border:0;margin:40px auto 0;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .form-contact .submit:hover{opacity:.8} .contact-row{padding:102px 0 0} .ban7 .txt2{position:absolute;right:234px;bottom:-105px;width:454px;background:rgba(255,255,255,.8);z-index:2;color:#2c2b2b;padding:30px 43px 32px} .ban7 .txt2 .tit{font-size:30px} .ban7 .txt2 .tit:after{content:'';display:block;margin:10px 0 18px;width:52px;height:1px;background:#2c2b2b} .ban7 .txt2 .desc{font-size:16px;line-height:2;text-align:justify} .ban5{padding:205px 0 0} .ban5 .intro{font-family:SourceHanSansCN-Normal;font-size:24px;margin-top:35px} .contact-row{padding-bottom:100px;margin-bottom:-100px} .recruitment-list{padding:28px 0 0} .recruitment-list li{padding:0 30px;border:1px solid #d4d4d4;margin-bottom:16px} .recruitment-list .tit{font-size:18px;display:flex;height:90px;align-items:center;color:#595959} .recruitment-list .tit .s1{color:#2c2b2b;width:19%;cursor:pointer} .recruitment-list .tit .s2{width:23%} .recruitment-list .tit .s3{width:26%} .recruitment-list .tit .s4{width:21%} .recruitment-list .tit .s5{width:11%;font-family:SourceHanSansCN-Medium;background:url(../images/icon-add2.png) no-repeat 88px center;cursor:pointer} .recruitment-list li.open .tit .s5{background-image:url(../images/icon-cut.png)} .recruitment-list li.open .tit{font-family:SourceHanSansCN-Medium;color:#35559e} .recruitment-list li.open .tit .s1{color:#35559e} .recruitment-list li.open .con{display:block} .recruitment-list .con{display:none;border-top:1px solid #d4d4d4} .recruitment-list .con .s1{display:flex;flex-wrap:wrap;padding:28px 0 24px;border-bottom:1px solid #d4d4d4} .recruitment-list .con .s1 .s1-item{width:30%;font-size:18px;line-height:42px} .recruitment-list .con .s1 .s1-item span{font-family:SourceHanSansCN-Medium} .recruitment-list .con .s2{font-size:18px;line-height:32px;padding:18px 0} .ban4 img{display:block;height: 820px;width: 100%;} .zk-row1{padding:106px 0 184px;background:#f3f3f3} .zk-row1 .desc{font-family:SourceHanSansCN-Normal;font-size:20px;line-height:1.8;color:#595959;max-width:1122px;margin:0 auto;padding:28px 0 26px} .zk-row1 .img{position:relative} .zk-row1 .img img{display:block} .zk-row1 .img .img1{width:894px;height:875px;margin:0 auto; /* animation:rotateAni 50s linear infinite;-webkit-animation:rotateAni 50s linear infinite */ } @keyframes rotateAni{ from{transform:rotate(0)} to{transform:rotate(360deg)} } @-webkit-keyframes roAni{ from{transform:rotate(0)} to{transform:rotate(360deg)} } .zk-row1 .img .img2{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:344px;height:344px;z-index:2} .zk-row1 .g-tit3, .zk-row2 .g-tit3{ display: flex; justify-content: center; } .zk-row1 .g-tit3 .cn, .zk-row1 .g-tit3 .en, .zk-row2 .g-tit3 .cn, .zk-row2 .g-tit3 .en{ font-family: SourceHanSansCN-Bold; font-size: 48px; } .zk-row1 .g-tit3 .en, .zk-row2 .g-tit3 .en{ margin-right: 44px; } .zk-row2{padding:100px 0 0} .swiper-technical{position:relative;margin-top:55px} .swiper-technical .box{overflow:hidden} .swiper-technical .swiper-slide:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .swiper-technical .pic{display:block;position:relative;padding-top:71.7%;overflow:hidden} .swiper-technical .pic img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .swiper-technical p{font-size:24px;color:#595959;text-align:center;border:2px solid #e8e8e8;border-top:0;padding:32px 0 24px} .swiper-technical .swiper-slide:hover p{color:#35559e} .swiper-technical .swiper-arrow{position:absolute;top:50%;margin-top:-65px;width:68px;height:130px;background-repeat:no-repeat;background-position:center;-webkit-background-size:auto 100px;background-size:auto 100px;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s;z-index:2;cursor:pointer} .swiper-technical .swiper-prev{left:-115px;background-image:url(../images/prev2.png)} .swiper-technical .swiper-next{right:-115px;background-image:url(../images/next2.png)} .swiper-technical .swiper-prev:hover{background-image:url(../images/prev2-on.png)} .swiper-technical .swiper-next:hover{background-image:url(../images/next2-on.png)} .hx-row{padding:106px 145px 100px;margin-bottom:-100px;background:#f3f3f3} .hx-list1{overflow:hidden;padding:120px 0 0} .hx-list1 li{position:relative;float:left;width:50%;height:322px;padding:84px 0 0 80px} .hx-list1 li:nth-child(4n + 1){background:#CFE0BE} .hx-list1 li:nth-child(4n + 2){background:#71CFEB} .hx-list1 li:nth-child(4n + 3){background:#40B4E5} .hx-list1 li:nth-child(4n + 4){background:#B1D1AC} .hx-list1 .tit{font-family:SourceHanSansCN-Medium;font-size:42px;margin-bottom:10px} .hx-list1 .desc{font-size:24px;line-height:40px} .hx-list1 .icon{position:absolute;bottom:60px;right:60px;width:125px;height:125px;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .hx-list1 .icon img{display:block;width:100%;height:100%} .hx-list1 a:hover .icon{bottom:110px} .main4{position: relative;overflow:hidden;padding:100px 0 0} .col-slide{ position: absolute; top: 0; left: 0; width:407px; height: 1081px; z-index: 2; padding: 112px 0 0 158px; background:url(../images/hxyw-bg.jpg) no-repeat center / cover } .col-slide.float{ position: fixed; } .col-slide li a{position:relative;display:block;font-size:26px;line-height:72px;color:#9d9e9e;padding-left:60px;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .col-slide li a i{position:absolute;left:3px;top:50%;margin-top:-16px;width:32px;height:32px;border:3px solid #aaabac;border-radius:50%} .col-slide li.on a i{left:0;border-color:#314a92;width:38px;height:38px;margin-top:-19px} .col-slide li.on a i:before{content:'';position:absolute;top:50%;left:50%;margin:-11px 0 0 -11px;width:22px;height:22px;background:#35559e;border-radius:50%} .col-slide li a:hover,.col-slide li.on a{color:#35559e} .col-main{ padding-left: 325px; } .z-desc1{font-family:SourceHanSansCN-Normal;font-size:20px;line-height:1.8;color:#595959} .z-list1{padding:78px 0 0;display:flex;justify-content:space-between} .z-list1 .tit{position:relative;font-size:52px;width:288px;height:288px;line-height:288px;text-align:center;border-radius:50%;margin:0 auto 20px;color:#fff} .z-list1 li+li .tit:after{content:'';position:absolute;left:-96px;top:50%;margin-top:-24px;width:49px;height:49px;background:url(../images/icon-add3.png) no-repeat center} .z-list1 .li1 .tit{background:#002855} .z-list1 .li2 .tit{background:#b1c83d} .z-list1 .li3 .tit{background:#40b4e5} .z-list1 .desc{width:332px;font-family:SourceHanSansCN-Normal;font-size:20px;line-height:1.8;color:#595959;text-align:justify} .z-list2{display:flex;flex-wrap:wrap;justify-content:space-between;padding:54px 0 38px} .z-list2 li{width:calc(50% - 31px);margin-bottom:72px} .z-list2 li a{display:block;} .z-list2 .pic{position:relative; padding-top: 83.45%; overflow:hidden} .z-list2 .pic img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .z-list2 a:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .z-list2 .txt{padding:18px 40px 14px;border: 2px solid #e6e6e6;border-top: 0;} .z-list2 .txt .tit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:SourceHanSansCN-Medium;font-size:24px;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .z-list2 .txt .tit:after{content:'';display:block;width:24px;height:1px;margin:10px 0 12px;background:#ddd} .z-list2 .txt .desc{font-family:SourceHanSansCN-Normal;font-size:16px;line-height:30px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:60px} .z-list2 a:hover .txt .tit{color:#35559e} .z-more{width:100%;padding-bottom:34px;text-align:center;border-bottom:2px solid #e3e3e4} .z-more a{font-size:24px;padding-right:30px;background:url(../images/icon-more.png) no-repeat right center;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .z-more a:hover{color:#35559e;background-image:url(../images/icon-more-on.png)} .swiper-hx-big{margin:60px 0 35px} .swiper-hx-big .pic{position:relative;padding-top:52.46%} .swiper-hx-big .pic img{position:absolute;width:100%;height:100%;top:0;left:0} .swiper-hx-big .video-box{ position: relative; padding-top:52.46% } .swiper-hx-big .video-box video{position:absolute;width:100%;height:100%;top:0;left:0;background-color: #000;object-fit: cover;} .swiper-hx-big .video-box .btn-play{position:absolute;top:50%;left:50%;margin:-105px 0 0 -105px;width:210px;height:210px;background:url(../images/icon-play.png) no-repeat center;z-index:2} .swiper-hx-small{position:relative} .swiper-hx-small+.z-more{margin-top:50px} .swiper-hx-small .box{overflow:hidden;padding:10px} .swiper-hx-small .pic-box{padding:10px;background:#fff;box-shadow:0 0 8px 8px rgba(0,0,0,.06);cursor:pointer} .swiper-hx-small .pic{position:relative;padding-top:65.6%;overflow:hidden} .swiper-hx-small .pic img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .swiper-hx-small .swiper-arrow{position:absolute;top:65px;width:68px;height:130px;background-repeat:no-repeat;background-position:center;-webkit-background-size:auto 77px;background-size:auto 77px;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s;z-index:2;cursor:pointer} .swiper-hx-small .swiper-prev{left:-95px;background-image:url(../images/prev2.png)} .swiper-hx-small .swiper-next{right:-95px;background-image:url(../images/next2.png)} .swiper-hx-small .swiper-prev:hover{background-image:url(../images/prev2-on.png)} .swiper-hx-small .swiper-next:hover{background-image:url(../images/next2-on.png)} .swiper-hx-small .txt{padding:22px 0 14px} .swiper-hx-small .txt .tit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:SourceHanSansCN-Medium;font-size:24px;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .swiper-hx-small .txt .tit:after{content:'';display:block;width:24px;height:1px;margin:10px 0 12px;background:#ddd} .swiper-hx-small .txt .desc{font-family:SourceHanSansCN-Normal;font-size:16px;line-height:30px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:60px} .swiper-hx-small a:hover .txt .tit{color:#35559e} .swiper-hx-small a:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .z-video{padding-bottom:60px} .z-video .video-box{position:relative} .z-video .video-box video{display:block;width:100%;height:530px;object-fit:cover} .z-video .video-box .btn-play{position:absolute;top:50%;left:50%;margin:-105px 0 0 -105px;width:210px;height:210px;background:url(../images/icon-play.png) no-repeat center;z-index:2} .z-video .txt{padding:32px 54px 30px;border:2px solid #e9e9e9;border-top:0;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .z-video .txt .tit{display:block;font-size:28px;color:#40b4e5;margin-bottom:15px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .z-video .txt .desc{font-family:SourceHanSansCN-Normal;font-size:16px;line-height:2} .z-video:hover .txt{background:#40b4e5;border-color:#40b4e5;color:#fff} .z-video:hover .txt .tit{color:#fff} .news-list{overflow:hidden;margin:0 -37px 0} .news-list li{float:left;width:33.33%;margin-bottom:68px} .news-list li a{display:block;margin:0 37px;border:2px solid #ededed} .news-list .pic{position:relative;padding-top:58.46%;overflow:hidden} .news-list .pic img{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .news-list .txt{padding:12px 32px 10px} .news-list .txt .tit{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .news-list .txt .tit:after{content:'';display:block;margin:12px 0 13px;width:24px;height:1px;background:#ddd} .news-list .txt .desc{font-family:SourceHanSansCN-Normal;color:#595959;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:48px} .news-list .time-arrow{display:flex;justify-content:space-between;align-items:center;height:35px;padding-left:35px;border-top:2px solid #ededed;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s} .news-list .time-arrow .time{color:#595959} .news-list .time-arrow .arrow{border-left:1px solid #ededed;width:36px;height:100%;background:url(../images/icon-arrow4.png) no-repeat center} .news-list a:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .news-list a:hover{ background-color: #40B4E5; border-color: #40B4E5; } .news-list a:hover .txt .tit{font-family:SourceHanSansCN-Medium;color:#ffffff} .news-list a:hover .time-arrow .time{color:#ffffff} .news-list a:hover .txt .desc{color:#ffffff} .news-list a:hover .time-arrow .arrow{background-image:url(../images/icon-arrow4-on.png)} .news-list a:hover .txt .tit:after{ background-color: #fff; } .news-list a:hover .time-arrow{ border-top-color: #fff; } .pages{font-size:0} .pages-item{display:inline-block;vertical-align:middle;margin-right:10px} .pages-item a{font-family:Arial;text-align:center;display:block;font-size:16px;width:40px;height:40px;line-height:40px;background-color:#f4f4f4;background-repeat:no-repeat;background-position:center;color:#3d3d3d} .pages-prev a{background-image:url(../images/prev3.png)} .pages-next a{background-image:url(../images/next3.png)} .pages-item.turn a{padding:0 21px} .pages-item span{display:block;font-size:16px;margin:0 14px} .pages-item a:hover,.pages-item.on a{background-color:#40b4e5;color:#fff} .pages-prev a:hover{background-image:url(../images/prev3-on.png)} .pages-next a:hover{background-image:url(../images/next3-on.png)} .pages-go{margin-left:8px} .pages-go a{width:80px} .detail-row{display:flex} .detail-main{flex:1;width:0} .detail-slide{width:411px;margin-left:122px} .detail-slide-box{border:1px solid #e8e8e8;padding:26px 31px 0} .detail-slide .title{font-family:SourceHanSansCN-Medium;font-size:22px} .cur{font-family:SourceHanSansCN-Normal;font-size:16px;padding-left:35px;background:url(../images/cur.png) no-repeat left center;margin:40px 0 50px;color:#999} .cur a{color:#999} .cur a:hover{color:#35559e} .m-text{margin-bottom:150px} .m-text h1{font-weight:400;font-family:SourceHanSansCN-Medium;font-size:40px;text-align:center;margin-bottom:40px} .m-text .info{font-family:SourceHanSansCN-Normal;text-align:center;font-size:16px;color:#999;padding-bottom:24px;border-bottom:1px solid #cdcece} .m-text .con{font-family:SourceHanSansCN-Normal;font-size:20px;line-height:1.8;color:#595959;padding:44px 0 0} .m-text .con img{display:block;margin: 0 auto;} .m-turn{overflow:hidden} .m-turn a{position:relative;font-size:18px;color:#595959;width:472px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #e8e8e8} .m-turn a:before{content:'';position:absolute;top:1px;bottom:1px;width:36px;background-repeat:no-repeat;background-position:center} .m-turn a.l{padding:0 18px 0 56px} .m-turn a.r{padding:0 56px 0 18px} .m-turn a.l:before{left:1px;background-image:url(../images/prev4.png);border-right:1px solid #e8e8e8} .m-turn a.r:before{right:1px;background-image:url(../images/next4.png);border-left:1px solid #e8e8e8} .m-turn a:hover:before{background-color:#35559e} .m-turn a.l:hover:before{background-image:url(../images/prev4-on.png)} .m-turn a.r:hover:before{background-image:url(../images/next4-on.png)} .detail-slide .news-list li{float:none;width:auto;margin-bottom:16px} .detail-slide .news-list{margin-top:10px} .detail-slide .news-list li a{border-left:0;border-right:0;border-top:0;padding-bottom:22px;border-color:#d3d4d4} .detail-slide .news-list .txt{padding:25px 0 30px} .detail-slide .news-list .txt .tit:after{margin-bottom:9px} .detail-slide .news-list .time-arrow{border-top:0;padding-left:0} .detail-slide .news-list .time-arrow .arrow{border:1px solid #ededed} .detail-slide .news-list li:last-child a{border-bottom:0} .detail-slide .news-list li:last-child{margin-bottom:0} .news-row{padding:100px 0 100px;margin-bottom:-100px} .more_loader_spinner{ width:100%; background-color: #f0f0f0; text-align: center; padding: 15px 0; line-height:20px; display: block; color: #666; clear: both; } .no_data{ width:100%; background-color: #f0f0f0; text-align: center; padding: 15px 0; line-height:20px; display: block; color: #666; clear: both; }